<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>积分中心</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link href="../../css/common.css" rel="stylesheet" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="../../fonts/font_bottom/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/joyou_zp.css" />
		<style type="text/css">

		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav my_team_nav">
			<a id="my_user_back" class="mui-icon mui-icon-left-nav mui-pull-left my_order_back"><span class="my_order_return">返回</span></a>
			<h1 class="mui-title">积分中心</h1>
		</header>
		<div class="mui-content">
			<div class="integral_center_new_box">
				<ul class="integral_center_row mui-row mui-clearfix">
					<li class="mui-col-sm-3 mui-col-xs-3" id="">
						<p id="">999</p>
						<p>权益积分</p>
					</li>
					<li class="mui-col-sm-3 mui-col-xs-3" id="">
						<p id="">999</p>
						<p>权益积分</p>
					</li>
					<li class="mui-col-sm-3 mui-col-xs-3" id="">
						<p id="">999</p>
						<p>通兑积分</p>
					</li>
					<li class="mui-col-sm-3 mui-col-xs-3" id="">
						<p id="">999</p>
						<p>预存款</p>
					</li>
				</ul>
				<div class="integral_center_new_advance" id="integral_center_new_advance">
					<a href="#">预存款提现</a>

				</div>
				<p class="integral_center_new_record" id="advance_record">提现记录></p>
				<div class="advance_poundage">
					<span class="mui-pull-right">提现将收取5%手续费</span>
				</div>
			</div>
			<div class="integral_center_new_bill">
				<p class="mui-pull-left"><span>积分明细</span>本月</p>
				<p class="mui-pull-right">获得：10 消费：15</p>
			</div>
			<div id="slider" class="mui-slider integral_center_new_slider">
				<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted my_business_scroll_wrapper">
					<div class="mui-scroll setting_huiyuan_navs">
						<a class="mui-control-item mui-active" data-index="0">权益积分</a>
						<a class="mui-control-item" data-index="1">数字积分</a>
						<a class="mui-control-item" data-index="2">通兑积分</a>
						<a class="mui-control-item" data-index="3">预存款</a>
					</div>
				</div>
				<div class="mui-slider-group integral_center_new_groupbox">
					<div id="item1" class="mui-slider-item mui-control-content">
						<ul class="mui-table-view mui_table_view advance_record_list  mui-active">
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
						</ul>
					</div>
					<div id="item2" class="mui-slider-item mui-control-content">
						数字积分
					</div>
					<div id="item3" class="mui-slider-item mui-control-content">
						通兑积分
					</div>
					<div id="item4" class="mui-slider-item mui-control-content">
						预存款
					</div>
				</div>
			</div>
		</div>
		<!--<div class="">
			<div class="" style="position: fixed;top: 264px;background: #fff;height: 40px;line-height: 40px;padding: 0 10px;">
				<div class="mui-pull-left">积分明细<span>本月</span></div>
				<p class="mui-pull-right">获得：10   消费：15</p>
			</div>
			<!--头部选项-->
		<!--<div style="top: 304px !important;" class="setting_huiyuan_tab mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="setting_huiyuan_nav">
					<a href="#" class="mui-control-item mui-active" data-index="0">权益积分</a>
					<a href="#" class="mui-control-item" data-index="1">数字积分</a>
					<a href="#" class="mui-control-item" data-index="2">通兑积分</a>
					<a href="#" class="mui-control-item" data-index="3">预存款</a>
				</div>
			</div>
			<div class="mui-content integral_mainbox" style="position: absolute; top: 300px !important;width: 100%;">
				<div id="refreshContainer" class="mui-scroll-wrapper" style="padding-top: 28px;">
					<div class="mui-scroll">
						<ul class="mui-table-view mui_table_view advance_record_list  mui-active">
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
							<li class="mui-table-view-cell advance_record_li">
								<a class="mui-pull-left">
									消费返现（单号：<i>122223333</i>）
									<p>2018.9.12 12.00</p>
								</a>
								<span class="mui-pull-right">+100</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>-->
	</body>
	<script src="../../js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/script/public_url.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/script/integral_center_new.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
		//预付款 提现记录
		document.getElementById("advance_record").addEventListener("tap", function() {
			mui.openWindow({
				url: "advance_record.html",
				id: "advance_record"
			});
		});
	</script>

</html>